<template>
	<view class="kefu">
		<view class="list">
			<view class="item" @tap="phone">
				<text>联系电话:</text>
				0371-11111
			</view>
			<view class="item" @tap="QQ">
				<text>客服QQ:</text>
				111111111
			</view>
			<view class="item">
				<text>服务时间:</text>
				工作日&nbsp;9:30-17:30
			</view>
		</view>
	</view>
</template>

<script>
import { mapState } from 'vuex';
export default {
	data() {
		return {
			qq:1187646056
		};
	},
	onLoad() {},
	methods: {
		phone() {
			uni.makePhoneCall({
				phoneNumber: '0371-11111' //仅为示例
			});
		},
		QQ(){
				//#ifdef APP-PLUS
					plus.runtime.openURL("mqqapi://card/show_pslcard?src_type=internal&version=1&uin="+this.qq+"&card_type=person&source=sharecard", function(res) {
						console.log(res);
					});
				//#endif
				console.log("tap")
		}
	},
	computed: mapState({})
};
</script>

<style lang="scss">
.kefu {
	height: 100%;
	width: 100%;
	background-color: #f4f4f4;
	padding-top: 20upx;
	.list {
		background-color: #fff;

		.item {
			height: 80upx;
			padding: 0 30upx;
			line-height: 80upx;
			border-bottom: 1px solid #e8e8e8;
			&:last-child {
				border: none;
			}
			text {
				padding-right: 10upx;
				display: inline-block;
				width: 150upx;
			}
		}
	}
}
</style>
